$(function () {
   /* 
    给form表单绑定提交事件 submit
    当表单完成了状态校验之后，才会触发
    */

    $("form").submit(function (e) {
        /* 阻止表单的默认提交行为 */
        e.preventDefault();

        /* 获取用户名和密码 */
        // var username = $("#username").val();
        // var password = $("#password").val();
        // console.log(username, password);
        /* 在这里不使用这种方式，直接只要form表单的序列化方式 === serialize() */
        var dataObj = $("form").serialize();
        // console.log(dataObj);

        /* 发送登录请求 */
        $.post("/employee/employeeLogin", dataObj, function (result) {
            if (result.error) {
                alert(result.message);
            } else {
                /* 登录成功，跳转页面 */
                // alert(result.success);
                location.href = "./index.html";
            }
         });
    });

    /* oninvalid：没通过验证的时候触发(this.setCustomValidity(写错误的提示内容)) */
    /* 用户名验证失败的时候会触发 === 也就是没有填写用户名的时候触发 */
    $("#username").on("invalid", function () {
        this.setCustomValidity("用户名不合法");
     });
});